import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component { 
	constructor(props) {
		super(props);       
	}

	componentDidMount(){
		
    }   
	
	render() {
		return (<div className="trial-pannel">
       <div className="trial-wrap ">
           <div className="clearfix bor-bottom pt30 pb30 pl30 pr30">
               <p className="fl f30 strong" style={{width:'90%'}}>Enjoying e-Life Hospitalization (2017)</p>
               <p className="fr"><img className="closeTag close-tag" src="/assets/images/close1.png" /></p>
           </div>

           <div className="trial-content pl30 pr30" style={{paddingBottom:'1.5rem'}}>
               <div className="trial-item">
                   <p className="pt20 pb20 f28 fcbd">Health Insurance</p>
                   <div className="clearfix f26">
                         <span className="item-btn trialbtn diy_background" plan="plan1">Standard Plan</span>
                         <span className="item-btn trialbtn" plan="plan2">Silver Plan</span>
                         <span className="item-btn trialbtn" plan="plan3">Golden Plan</span>
                   </div>
               </div>

                <div className="trial-item">
                   <p className="pt20 pb20 f28 fcbd">Gender</p>
                   <div className="clearfix f26">
                         <span className="item-btn trialbtn diy_background">Female</span>
                         <span className="item-btn trialbtn">Male</span>
                   </div>
               </div>


                <div className="trial-item">
                   <p className="pt20 pb20 f28 fcbd">Birthday</p>
                   <div className="clearfix f26">
                         <span className="item-btn" style={{paddingRight:0}}>
                             <input className="item-date" type="date" value="1984-06-06"/>
                             <img src="/assets/images/date-icon.png" style={{position: 'relative',left:'-.3rem'}} />
                        </span>
                   </div>
               </div>
           </div>
       </div>
           
       <div className="footer">
            <table>
                <tbody>
                    <tr>
                        <td>
                            <a className="f38 fc6 tac color-price">&nbsp;&nbsp;<span className="f30">$</span><span id="totalMoney">169.00</span>
                            </a>
                        </td>
                        
                        <td width="40%">
                            <a href="javascript:;"  className="f32 fcw diy_background" id="applyBtn">Apply Now</a>
                        </td> 
                    </tr>
                </tbody>
            </table>
        </div>           
    </div>)
	}
}

export default App;   